// import axios from 'axios'
import React from 'react'
// import { Card, WhiteSpace, WingBlank } from 'antd-mobile'
import { connect } from 'react-redux'
import {getUserList} from '../../redux/chatuser.redux'
import UserCard from '../usercard/usercard'
@connect(
    state=>state.chatuser,
    {getUserList}
)
class Genius extends React.Component {
    // constructor(props) {
    //     super(props)
    //     this.state = {
    //         data: []
    //     }
    // }
    // componentDidUpdate() {
    componentDidMount() {
        this.props.getUserList('genius')
        // axios.get('/user/list?type=genius').then(res => {
        //     if(res.data.code === 0) {
        //         this.setState({data: res.data.data})
        //     }
        // })
    }
    render(h) {
        // console.warn(this.state)
        // const Header = Card.Header
        // const Body = Card.Body
        return <UserCard userlist={this.props.userlist}></UserCard>
        // (
            // <WingBlank>
            //     <WhiteSpace></WhiteSpace>
            //     {this.props.userlist.map(v => (
            //         v.avatar?(<Card key={v._id}>
            //             <Header
            //                 title={v.user}
            //                 thumb={require(`../img/${v.avatar}.png`)}
            //                 extra={<span>{v.title}</span>}
            //             >
            //             </Header>
            //             <Body>
            //                 {v.desc.split('\n').map(v=>(
            //                     <div key={v}>{v}</div>
            //                 ))}
            //             </Body>
            //         </Card>): null
            //     ))}

            // </WingBlank>
        // )
    }
}

export default Genius